草庐IT

移动设备上的 jQuery UI slider 触摸和拖放支持

全部标签

javascript - 如何停止按钮上的页面重新加载单击jquery

我将下面的代码用于使用jQuery的按钮单击事件。单击按钮时,页面将重新加载。$('#button1').click(function(){//Codegoesherereturnfalse;}); 最佳答案 如果您的“按钮”是一个button元素,请确保您明确设置了type属性,否则WebForm将默认将其视为提交。Go如果它是一个input元素,请使用jQuery执行以下操作:$('#button1').click(function(e){e.preventDefault();//Codegoeshere});阅读更多:even

javascript - 如何防止脚本在移动设备上运行?

我的网站具有粘性导航功能,但无法在移动设备上运行...如何在移动设备上使其具有粘性,或者如何防止其具有粘性(当然,同时保持导航)?我到处寻找答案,但找不到有效的答案(并且没有禁用我的导航:)非常感谢您的帮助!这是我的index.htmlheader的一部分:$(window).load(function(){$("nav").sticky({topSpacing:0,className:'sticky',center:true});});这是jquery.stickyjavascript中的代码:(function($){vardefaults={topSpacing:0,bottom

javascript - Bootstrap 移动菜单图标更改为 x 关闭

编辑@zim答案使用2020CSS轻松解决问题,更好地适用于Bootstrap4。原始问题和选择的答案仍然有效且信息量很大。原始问题我希望,在移动View中,菜单图标(在Bootstrap基本导航栏示例中使用类icon-bar定义)更改为X形状(类似于此处发生的情况:https://www.mint.com但不那么花哨(我只想用X替换3条条纹)。目前我正在使用自定义id:#ChangeToggleTogglenavigation连同以下javascript函数(我知道它很基本,但我是新手):$('#ChangeToggle').click(function(){if($('#Chang

javascript - 启用和禁用复选框上的文本输入已选中和未选中

我有复选框和文本输入我需要的是当我选中复选框时启用文本输入,当我取消选中复选框时禁用文本输入我正在使用以下代码,但它会在未选中时反向启用/选中时禁用,因此如何调整它以满足我的需要。document.getElementById('yourBox').onchange=function(){document.getElementById('yourText').enabled=this.checked;};任何帮助~谢谢 最佳答案 你只需要在this.checked前面加上一个!即可。这是一个显示更改的示例:document.getE

javascript - 没有服务器端支持的SPA的Facebook共享(托管在CDN上)

我有一个静态网站,一个在CDN上托管的水疗中心-基本上一个index.html,其内容区域基于URL。我需要找到一种方法让FB共享者显示标题和SPA中当前加载的主要内容的说明简单地说,facebook共享会抓取一个页面来查找og元标记并缓存它们。当我们尝试共享url/页面时,将显示此信息。我试着用javascript设置元标记,但最终意识到在抓取时,javascript是不执行的,因此用javascript修改元标记是没有用的。另一个解决方案是在页面加载之前从后端设置og标记,但是托管在cdn上,服务器端不支持这样做。我怎么能解决这个问题? 最佳答案

javascript - 试图理解 <select> 元素上的点击事件

当在select元素上注册点击事件处理程序时,我发现浏览器之间的行为非常不一致。我设置了一个jsfiddledemo.这是我看到的:OSX(10.7Lion)上的Firefox12:单击元素时触发事件。下拉菜单会短暂打开,不会保持打开状态。键盘操作不会生成点击操作。Linux(UbuntuLucid)上的Firefox12:相同OSX上的Chome19:没有鼠标或键盘交互触发点击事件。Linux上的Chrome19:第一次鼠标点击展开选项,随后点击仍然存在的选择或选项,触发点击事件。OSX上的Safari5.1.6:与Linux上的Chrome类似,第一次点击会展开选项,随后点击选项会

javascript - 我可以使用 JS 或 jQuery 来测试是否支持 SVG 图片吗?

我在网站上使用SVGLogo,在大多数浏览器中它都工作正常。但是,在某些IE版本和移动浏览器上,图像显示为失败的图像框。有没有什么方法可以使用JS或某些库(最好是jQuery)来检查SVG兼容性并尽可能减少漏报,并简单地切换到图像的.png版本?网站是这样的:http://zero31b.x10.mx/samote,SVG图像是蓝色小地球的东西 最佳答案 TavmjongBah写了一篇关于SVG和PNG回退的综合文章:http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html他/

javascript - 为什么 Text 元素上的 SVG bbox 方法在不同的浏览器中给出不同的结果?

我有一个SVG文本元素。我在IE9、Chrome和Firefox中得到了它的bbox,它们三个都给了我不同的值。我创建了一个非常简单的jsfiddle显示SVG文本及其大小,以便您明白我的意思。我还尝试了客户端rect,看看它是否更好。HTML/SVGTextContent测试javascriptvarbbox1=document.getElementById("text_name").getBBox();varf=document.getElementById("text_name").getClientRects();document.getElementById("size").

数组上的 JavaScript .map 并在满足条件时删除项目

我有一个数组queue,当对象被修改时我将其推送到它。如果用户按下save,那么我将遍历queue并为他们应用适当的API调用。如果API调用成功,我想从queue中删除该项目,否则将其保留在里面并通知用户某些项目未成功保存。我目前有这个(在AngularJS中)varunsuccessfulItems=[];varpromise=queue.map(function(item){vardefer=$q.defer();myCallFunction(item,function(response){}//Success,function(response){//Errorunsucces

javascript - 带有 Firefox 的 Surface Pro 3 - 具有单点触摸触发触摸/鼠标事件而不是滚轮事件

仅在带有Firefox的SurfacePro3上:当用单指在元素上做出滑动手势时,浏览器将触发wheel事件,而不是touchmove或mousemove事件。您如何停止滚轮行为,并让单个手指始终被视为触摸/鼠标移动?所以我想将单个手指滑动视为一系列mousemove或touchmove而不是wheel事件。如果在此元素上滑动,我根本不希望单指滑动来滚动页面。这在Chrome和IE11中很容易做到。这在Firefox中似乎是不可能的。Current我认为这是一个错误,但我可能遗漏了一些东西。这是一个简单的例子:http://codepen.io/simonsarris/pen/Pwbd